<template>
    <div class="ticket border-bottom">
        <div class="ticketTitle">
            <ul class="titleList">
                <li class="listItem border-bottom" v-for="(item,index) of titleList" :key="index">
                    {{item}}
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
export default {
    name:'DetailTicket',
    data () {
        return {
            titleList:['门票','一日游','热销组合','景区服务'],
        }
    }
}
</script>

<style lang="stylus" scoped>
.ticket
    background-color #eee
    border-bottom: 1px solid #e0e0e0
    .ticketTitle
        height .92rem
        padding:0 .38rem 0 .22rem
        background-color #fff
        detailMore()
        .titleList
            display flex
            height .92rem
            line-height .92rem
            .listItem
                flex 1
                font-size .32rem
                text-align center
            /*待修改*/
            // .listItem:hover
            //     border-bottom:.04rem solid #00bcd4
</style>